<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/cart.css"> 
    <link rel="stylesheet" href="css/tongyong.css">
    <link rel="stylesheet" href="font_2615077_l1e0be3xhof/iconfont.css"> 
    <link rel="stylesheet" href="css/toubu.css">
</head>
<body>
        <!-- 头 -->
        
<div class="tonglan">
    <div class="container header">
        <ul class="yi">     
          
          <li class="off active">
            您好 ! <a href="./login.html">请登录</a>
        </li>
        <li class="on" id="oon">
            您好 ! <span>xxx</span>
           
          </li>
            <li>手机逛淘宝</li>
        </ul>
        <ul class="er">
            <li class="tb">我的淘宝
                <ol>
                    <li>我的足迹</li>
                    <li>我的足迹</li>
                </ol>
            </li>
            <li class="iconfont">&#xe604;购物车</li>
            <li class="iconfont">&#xe629;收藏夹</li>
            <li>商品分类</li>
            <li>免费开店</li>
            <li>千牛卖家中心</li>
            <li>联系客服</li>
            <li class="iconfont" id="last">&#xe626;网站导航
                <div class="d1">
                    <div>
                        <p style="color: red;">主题市场</p>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>                                                    
                            <li>女装</li>
                            <li>女装</li>                 
                            <li>女装</li>
                        </ul>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>                       
                            <li>女装</li>
                        </ul>
                        <ul>
                            <li>女装</li>                     
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                        </ul>
                        <ul>
                            <li>女装</li>                     
                            <li>女装</li>                         
                            <li>女装</li>                          
                          <li>女装</li>
                            <li>女装</li>
                        </ul>                   
                    </div>
                    <div>
                        <p style="color: blue;">精彩推荐</p>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>                                          
                            <li>女装</li>
                        </ul>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>              
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                        </ul>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                           <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                        </ul>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>                          
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                        </ul>
                       
                    </div>
                    <div>
                        <p style="color: pink;">特色市场</p>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>                         
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                        </ul>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>                         
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                        </ul>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>                         
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                        </ul>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>                       
                        </ul>
                       
                    </div>
                    <div>
                        <p style="color: purple;">阿里app</p>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>                        
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                        </ul>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>                        
                            <li>女装</li>
                            <li>女装</li>
                        </ul>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>                      
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                        </ul>
                        <ul>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>
                            <li>女装</li>                
                         <li>女装</li>
                            <li>女装</li>
                        </ul>
                       
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

<!--  -->

<div class="content container">
    <div class="top">
      <input type="checkbox"> 全选
    </div>
    <div class="center">
      <ul>
        <li>
          <div class="select">
            <input type="checkbox">
          </div>
          <div class="img">
            <img src="" alt="">
          </div>
          <div class="desc">描述信息</div>
          <div class="price">100.00</div>
          <div class="number">
            <button>-</button>
            <input type="text" value="1">
            <button>+</button>
          </div>
          <div class="xiaoji">
            100.00
          </div>
          <div class="delete">
            <button>删除</button>
          </div>
        </li>
        <li>
          <div class="select">
            <input type="checkbox">
          </div>
          <div class="img">
            <img src="" alt="">
          </div>
          <div class="desc">描述信息</div>
          <div class="price">100.00</div>
          <div class="number">
            <button>-</button>
            <input type="text" value="1">
            <button>+</button>
          </div>
          <div class="xiaoji">
            100.00
          </div>
          <div class="delete">
            <button>删除</button>
          </div>
        </li>
      </ul>

    </div>
    <div class="bottom">
      <p class="number">
        购买数量 : <span>3</span>
      </p>
      <p class="btns">
        <button disabled>去结算</button>
        <button disabled>清空购物车</button>
        <button disabled>删除所有已选中</button>
      </p>
      <p class="totalPrice">
        总价 : <span>100.00</span>
      </p>
    </div>
  </div>


    <script src="../tabs.js"></script>
    <script src="./js/cart.js"></script>
    <!-- <script src="./js/base.js"></script> -->
</body>
</html>